<template>
	<view class="p-10">
		<view class="card">
			<view class="m-t-5">
				<view class="text">原密码</view>
				<up-input clearable password placeholder="请输入密码" border="surround" v-model="value" @change="change"></up-input>
			</view>
			<view class="m-t-10">
				<view class="text">新密码</view>
				<up-input clearable password placeholder="请输入密码" border="surround" v-model="value" @change="change"></up-input>
			</view>
			<view class="m-t-10 m-b-15">
				<view class="text">确认新密码</view>
				<up-input clearable password placeholder="请输入密码" border="surround" v-model="value" @change="change"></up-input>
			</view>
			<up-button type="primary" text="确定"></up-button>
		</view>
	</view>
</template>
<script setup>
import { infoUserProfile } from '@/api/public.js';
import { ref } from 'vue';

const value = ref('');

const change = (e) => {
	console.log('change', e);
};
</script>
<style scoped>
.text {
	color: #717171;
	font-size: 17px;
	margin-bottom: 5px;
	margin-left: 2px;
}
</style>
